<!--
	作者：846049207@qq.com
	时间：2017-03-10
	描述：main
-->
<link href="<?php echo base_url('assets/css/experience.css');?>" type="text/css" rel="stylesheet">
<div class="cl"></div>
<div class="wrap">
		<ul class=" wrap main-in-top-nav main-in-top-nav1 clear">
			<li><a href="<?php echo base_url();?>" title="首页">首页</a><span>&gt;</span></li>
			<li><b>品牌体验</b></li>
		</ul>
		<div class="cl"></div>
	<div class="banner">
		<img src="<?php echo base_url('assets/img/images/tiyan_03.jpg');?>" alt="图片">
	</div>
	<!--
		作者：846049207@qq.com
		时间：2017-03-10
		描述：中间小导航部分
	-->
	<ul class="banner-nav">
		<li class="banner-nav-org scondli">
			<img  src="<?php echo base_url('assets/img/images/xinleiye_03.jpg');?>" alt="餐饮">
			<a href="<?php echo base_url('experience/canyin.html');?>" title="点击了解更多！">
				<span>
					餐饮
				</span>
			</a>
		</li>
		<li class="banner-nav-org1 scondli">
			<img  src="<?php echo base_url('assets/img/images/xinleiye_05.jpg');?>" alt="休闲娱乐">
			<a href="<?php echo base_url('experience/yule.html');?>" title="点击了解更多！">
				<span>
					休闲娱乐
				</span>
			</a>
		</li>
		<li class="banner-nav-purple scondli">
			<img  src="<?php echo base_url('assets/img/images/xinleiye_07.jpg');?>" alt="酒水">
						<a href="<?php echo base_url('experience/jiushui.html');?>" title="点击了解更多！">
				<span>
					酒水
				</span>
			</a>
		</li>
		<li class="banner-nav-org1 scondli">
			<img  src="<?php echo base_url('assets/img/images/xinleiye_09.jpg');?>" alt="美容美发">
			<a href="<?php echo base_url('experience/meirong.html');?>" title="点击了解更多！">
				<span>美容美发</span>
			</a>
		</li>
		
		<li class="banner-nav-cyan scondli last">
			<img  src="<?php echo base_url('assets/img/images/xinleiye_11.jpg');?>" alt="租赁行业">
			<a href="<?php echo base_url('experience/zulin.html');?>" title="点击了解更多！">
				<span>租赁行业</span>
			</a>
		</li>
		<li class="banner-nav-blue scondli ">
			<img  src="<?php echo base_url('assets/img/images/xinleiye_18.jpg');?>" alt="日用百货">
			<a href="<?php echo base_url('experience/rgbh.html');?>" title="点击了解更多！">
				<span>日用百货</span>
			</a>
		</li>
		<li class="banner-nav-cyan scondli">
			<img  src="<?php echo base_url('assets/img/images/xinleiye_24.jpg');?>" alt="汽车行业">
			<a href="<?php echo base_url('experience/qiche.html');?>" title="点击了解更多！">
				<span>汽车行业</span>
			</a>
		</li>
		<li class="banner-nav-blue scondli">
			<img  src="<?php echo base_url('assets/img/images/xinleiye_20.jpg');?>" alt="旅游">
			<a href="<?php echo base_url('experience/lvyou.html"');?>" title="点击了解更多！">
				<span>旅游</span>
			</a>
		</li>
		<li class="banner-nav-org1 scondli">
			<img  src="<?php echo base_url('assets/img/images/xinleiye_21.jpg');?>" alt="宾馆住宿">
			<a href="<?php echo base_url('experience/bingguan.html"');?>" title="点击了解更多！">
				<span>
					宾馆住宿
				</span>
			</a>
		</li>
		<li class="banner-nav-purple scondli last">
			<img  src="<?php echo base_url('assets/img/images/xinleiye_23.jpg');?>" alt="商务茶楼">
			<a href="<?php echo base_url('experience/chalou.html"');?>" title="点击了解更多！">
				<span>商务茶楼</span>
			</a>
		</li>
	</ul>
			

	<!--
		作者：846049207@qq.com
		时间：2017-03-10
		描述：热门区域
	-->
	<p class="wrap hot">
		热门体验
	</p>
	<div class="imgbox wrap">
		<ul>
			<?php foreach($list as $item){?>
			<li >
				<a href="javscript:;" title="敬请期待">
					<img src="<?php echo help_full_img_url($item['img']);?>"  width="394" height="285" alt="图片">
					<i>
						<?php echo $item['sjname'];?>
					</i>
				</a>
				<p class="adr">
					<?php echo $item['tel'];?>
				</p>
				<p class="call">
					<?php echo $item['address'];?>
				</p>
			</li>
			<?php } ?>
			
		</ul>
		<span class="left">
		</span>
		<span class="right">
		</span>
	</div>
</div>
<script>
var left=$('.imgbox .left').get(0),
	right=$('.imgbox .right').get(0),
	i=0,
	timer=setInterval(move,2500)
	
	$('.imgbox .right').on('click',move)
	function move(){
		   $('.imgbox ul li').eq(i).css('margin-left','-405'+'px');
			i++;
			if(i>=$('.imgbox ul li').length-2){
				 $('.imgbox ul li').css('margin-left','0'+'px');
				 i=0
			}
	}
	$('.imgbox .left').on('click',function(){
		i--;
		if(i<0){
			i=0;
				 $('.imgbox ul li').css('margin-left','0'+'px');
			}
		$('.imgbox ul li').eq(i).css('margin-left','0'+'px');
	
	})
	$('.imgbox').hover(function(){
		clearInterval(timer);
	},function(){
		timer=setInterval(move,2500)
	})
	
</script>
<!--
	作者：846049207@qq.com
	时间：2017-03-06
	描述：foot
-->
<div class="cl"></div>